<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/add.css"/>
		<script>
			function resetData() {
				$(".header:eq(1), .content:eq(1)").hide();
			}
		</script>
	</head>
	<body>
		<div id="app">
			<div class="header">
				<span>修改快递信息</span>
			</div>
			<div class="content">
				<table>	
					<tr>
						<td class="text-right">运单号</td><td class="content_right">
						<input id="number" class="input inline-input" placeholder="请输入运单号码">
						<span class="btn btn-info" id="find">立即查找</span></td>
					</tr>
				</table>
			</div>
			
			
			<div class="header">
				<span>查找信息如下</span>
			</div>
			<div class="content">
				<table>
					<tr>
						<td class="text-right">快递单号</td><td class="content_right"><input type="text" class="input" placeholder="请输入快递单号(6位数字不能以0打头)"></td>
					</tr>
					<tr>
						<td class="text-right">快递公司</td><td class="content_right">
						<select id="select" class="input" name="company" lay-verify="" lay-search>
							<option>安能快递</option>
							<option>安能物流</option>
							<option>澳大利亚邮政</option>
							<option>阿根廷邮政</option>
							<option>爱沙尼亚邮政</option>
							<option>阿联酋邮政</option>
							<option>奥地利邮政</option>
							<option>阿尔巴尼亚邮政</option>
							<option>Aramex</option>
							<option>巴西邮政</option>
							<option>比利时邮政</option>
							<option>百世快运</option>
							<option>波兰邮政</option>
							<option>白俄罗斯邮政</option>
							<option>保加利亚邮政</option>
							<option>巴基斯坦邮政</option>
							<option>百福东方</option>
							<option>包裹信件</option>
							<option>晟邦物流</option>
							<option>城市100</option>
							<option>City-Link</option>
							<option>COE</option>
							<option>传喜物流</option>
							<option>德邦快递</option>
							<option>大田物流</option>
							<option>递四方</option>
							<option>DHL德国</option>
							<option>DHL全球</option>
							<option>DHL中国</option>
							<option>EMS</option>
							<option>EMS国际</option>
							<option>EMS经济快递</option>
							<option>FedEx中国</option>
							<option>FedEx国际</option>
							<option>FedEx美国</option>
							<option>飞豹快递</option>
							<option>凡宇快递</option>
							<option>飞远配送</option>
							<option>飞远(爱彼西)</option>
							<option>法国邮政</option>
							<option>芬兰邮政</option>
							<option>国通快递</option>
							<option>postco</option>
							<option>百世快递</option>
							<option>恒路物流</option>
							<option>黄马甲配送</option>
							<option>黑猫宅急便</option>
							<option>华企快运</option>
							<option>韩国邮政</option>
							<option>佳吉快运</option>
							<option>京东快递</option>
							<option>佳怡物流</option>
							<option>京广速递</option>
							<option>日本邮政</option>
							<option>筋斗云物流</option>
							<option>捷克邮政</option>
							<option>嘉里大通</option>
							<option>加运美</option>
							<option>快捷快递</option>
							<option>跨越速运</option>
							<option>克罗地亚邮政</option>
							<option>联昊通</option>
							<option>龙邦速递</option>
							<option>黎巴嫩邮政</option>
							<option>民航快递</option>
							<option>秘鲁邮政</option>
							<option>毛里求斯邮政</option>
							<option>马耳他邮政</option>
							<option>摩尔多瓦邮政</option>
							<option>马其顿邮政</option>
							<option>民邦快递</option>
							<option>明亮物流</option>
							<option>挪威邮政</option>
							<option>南非邮政</option>
							<option>OnTrac</option>
							<option>葡萄牙邮政</option>
							<option>全峰快递</option>
							<option>全一快递</option>
							<option>如风达</option>
							<option>申通快递</option>
							<option selected="selected">顺丰速运</option>
							<option>速尔快递</option>
							<option>盛丰物流</option>
							<option>圣安物流</option>
							<option>盛辉物流</option>
							<option>瑞士邮政</option>
							<option>苏宁快递</option>
							<option>斯洛伐克邮政</option>
							<option>沙特邮政</option>
							<option>斯洛文尼亚邮政</option>
							<option>塞尔维亚邮政</option>
							<option>天天快递</option>
							<option>天地华宇</option>
							<option>土耳其邮政</option>
							<option>泰国邮政</option>
							<option>TNT</option>
							<option>UPS</option>
							<option>USPS</option>
							<option>万象物流</option>
							<option>乌克兰邮政</option>
							<option>万家物流</option>
							<option>信丰物流</option>
							<option>新邦物流</option>
							<option>西班牙邮政</option>
							<option>匈牙利邮政</option>
							<option>圆通速递</option>
							<option>韵达快递</option>
							<option>优速物流</option>
							<option>银捷速递</option>
							<option>远成物流</option>
							<option>运通中港快递</option>
							<option>邮政国内小包</option>
							<option>英国皇家邮政</option>
							<option>意大利邮政</option>
							<option>印度邮政</option>
							<option>亚美尼亚邮政</option>
							<option>越丰物流</option>
							<option>亚风速递</option>
							<option>邮政国际包裹</option>
							<option>中通快递</option>
							<option>宅急送</option>
							<option>中铁物流</option>
							<option>增益速递</option>
							<option>中铁快运</option>
							<option>芝麻开门</option>
							<option>中国邮政</option>
							<option>智利邮政</option>
							<option>中速快递</option>
						</select>
						</td>
					</tr>
					<tr>
						<td class="text-right">收货人姓名</td><td class="content_right"><input type="text" class="input" placeholder="请输入收货人姓名(1-32位有效字符)"></td>
					</tr>
					<tr>
						<td class="text-right">手机号码</td><td class="content_right"><input type="text" class="input" placeholder="请输入收货人手机号码"></td>
					</tr>
					<tr>
						<td class="text-right">快递状态</td><td class="content_right"><input type="radio" class="status" name="status" value="1">已签收 <input class="status" name="status" type="radio" value="0">未签收</td>
					</tr>
					<tr>
						<td></td><td class="content_right"><span class="btn btn-info" id="update">立即修改</span>
						<span class="btn" onclick="resetData()">重置</span> </td>
					</tr>
				</table>
			</div>
		</div>
	</body>
	<script src="/js/jquery2.1.4.js"></script>
	<script src="/layer/layer.js"></script>
	<script>
		$(".header:eq(1), .content:eq(1)").hide();
		var expressId = null;
		var userPhone = null;
		$(function () {
			$("#find").click(function () {
				var windowId = layer.load();
				var number = $("#number").val();
				if (number === "") {
					layer.close(windowId);
					layer.msg("单号不能为空！");
				}else {
					if (number.match(/^[1-9]\d{5}$/) === null) {
						layer.close(windowId);
						layer.msg("你输入的单号不合法！");
					}else {
						$.getJSON("/express/find.do", {number: number}, function (data) {
							layer.close(windowId);
							layer.msg(data.content);
							if (data.status === 0) {
								$(".header:eq(1), .content:eq(1)").fadeIn(1000);
								expressId = data.data.id;
								userPhone = data.data.userPhone;
								$(".input:eq(1)").val(data.data.number);
								$(".input:eq(2)").val(data.data.company);
								$(".input:eq(3)").val(data.data.username);
								$(".input:eq(4)").val(userPhone);
								if (data.data.status === 0) {
									//未取件
									$(".status:eq(1)").prop("checked", true);
								}else {
									//已取件
									$(".status:eq(0)").prop("checked", true);
								}
							}
						});
					}
				}
			});

			$("#update").click(function () {
				var windowId = layer.load();
				var number = $(".input:eq(1)").val();
				var company = $(".input:eq(2)").val();
				var username = $(".input:eq(3)").val();
				var userPhone2 = $(".input:eq(4)").val();
				var status = $(".status:checked").val();
				var express = {
					id:expressId,
					number:number,
					company:company,
					username:username,
					status:status
				}
				if (userPhone !== userPhone2) {
					express.userPhone = userPhone2;
				}
				$.getJSON("/express/update.do", express, function (data) {
					layer.close(windowId);
					layer.msg(data.content);
					if (data.status === 0) {
						resetData();
					}
				})
			});

			$(".input:eq(1)").blur(function () {
				var str = $(this).val();
				if (str.trim() === "") {
					layer.msg("单号不能为空！");
					$(this).focus();//选中
					$(this).select();//全选
					$("#update").unbind("click");
				}else {
					if (str.match(/^[1-9][0-9]{5}$/) === null) {
						layer.msg("单号不合法！");
						$(this).focus();//选中
						$(this).select();//全选
						$("#update").unbind("click");
					}else {
						$("#update").bind("click");
					}
				}
			});
			$(".input:eq(3)").blur(function () {
				var str = $(this).val();
				if (str.trim() === "") {
					layer.msg("收件人姓名不能为空！");
					$(this).focus();//选中input输入框
					$(this).select();//全选input输入框内输入内容
					$("#update").unbind("click");
				}else {
					if (str.match(/^[\u4e00-\u9fff\w]{1,32}$/) === null) {
						layer.msg("收件人姓名不合法！");
						$(this).focus();//选中input输入框
						$(this).select();//全选input输入框内输入内容
						$("#update").unbind("click");
					}else {
						$("#update").bind("click");
					}
				}
			});
			$(".input:eq(4)").blur(function () {
				var str = $(this).val();
				if (str.trim() === "") {
					layer.msg("手机号码不能为空！");
					$(this).focus();//选中input输入框
					$(this).select();//全选input输入框内输入内容
					$("#update").unbind("click");
				}else {
					if (str.match(/^1[3-9]\d{9}$/) === null) {
						layer.msg("请输入正确的手机号码！");
						$(this).focus();//选中input输入框
						$(this).select();//全选input输入框内输入内容
						$("#update").unbind("click");
					}else {
						$("#update").bind("click");
					}
				}
			});
		})
	</script>
</html>
